<script>
export default {
  name: "pageA",
  methods: {
    toB() {
      // this.$router.push('/pageB')
      //   1.path query
      /* this.$router.push({
         path:'/pageB',
         query:{id:103,type:'free'}
       })*/
      //   2.name params
      /*this.$router.push({
        name:'pageB',
        params:{sex:'0',num:100}
      });*/
      //   window.location.href=''
      //   删除页面栈
      // this.$router.replace('/pageB')
      // 正数：前进   0：刷新  负数：后退
      // this.$router.go(-1)
      // 回退一个页面栈
      // this.$router.back()
      // 前进一个页面栈
      // this.$router.forward()
    }
  }
}
</script>

<template>
  <div>
    路由跳转传参
    pageA
    <router-link to="/pageB?id=103">跳转到B页面</router-link>
    <!--  一、声明式  -->
    <!--  1.path query  -->
    <router-link :to="{path:'/pageB',query:{id:103,type:'free'}}">B页面</router-link>
    <!--  2.name params -->
    <!--    <router-link :to="{name:'pageB',params:{sex:'0',num:100}}">去B页面</router-link>-->
    <!--  二、函数式  -->
    <button @click="toB">跳转B页面</button>
  </div>
</template>

<style scoped lang="less">

</style>